您现在的位置是:首页 >HTML网站首页HTML

H5新增INPUT属性

简介在写页面时,在FORM表单中input属性是最常用的,若是不知道都有些什么,必定在写功能是会绕不少圈子,我整理出来,方便在使用时能多了解。

属性 值 描述

max number 规定允许的最大值

min number 规定允许的最小值

step number 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)

value 规定默认值

disabled 规定输入字段应该被禁用。

maxlength 规定输入字段的最大字符数。

pattern 规定通过其检查输入值的正则表达式。

readonly 规定输入字段为只读(无法修改)。

required 规定输入字段是必需的(必需填写)。

size 规定输入字段的宽度(以字符计)。

step 规定输入字段的合法数字间隔。

value 规定输入字段的默认值。

Input 类型 - Date Pickers(日期选择器)

HTML5 拥有多个可供选取日期和时间的新输入类型:

date - 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间(小时和分钟)

datetime - 选取时间、日、月、年(UTC 时间)

datetime-local - 选取时间、日、月、年(本地时间)

new : HTML5 中的新属性。

属性 值 描述

accept listofmime_types 规定可通过文件上传控件提交的文件类型(仅适用于 type="file")

alt text 规定图像输入控件的替代文本。(仅适用于 type="image")

autocomplete on/off 规定是否使用输入字段的自动完成功能。

autofocus autofocus 规定输入字段在页面加载时是否获得焦点。(不适用于 type="hidden")

checked checked 规定当页面加载时是否预先选择该 input 元素。(适用于 type="checkbox" 或 type="radio" ) disabled disabled 规定当页面加载时是否禁用该 input 元素。(不适用于 type="hidden")

form formname 规定输入字段所属的一个或多个表单。

formaction URL 覆盖表单的 action 属性。(适用于 type="submit" 和 type="image")

formenctype 见注释 覆盖表单的 enctype 属性。(适用于 type="submit" 和 type="image")

formmethod get/post 覆盖表单的 method 属性。(适用于 type="submit" 和 type="image")

formnovalidate formnovalidate 覆盖表单的 novalidate 属性。如果使用该属性,则提交表单时不进行验证。

formtarget _blank 覆盖表单的 target 属性。(适用于 type="submit" 和 type="image")

		_self	

		_parent

		_top

		framename

height pixels% 定义 input 字段的高度。(适用于 type="image")

list datalist-id 引用包含输入字段的预定义选项的 datalist 。

max number/date 规定输入字段的最大值。请与 "min" 属性配合使用,来创建合法值的范围。

maxlength number 规定文本字段中允许的最大字符数。

min number/date 规定输入字段的最小值。请与 "max" 属性配合使用,来创建合法值的范围。

multiple multiple 如果使用该属性,则允许一个以上的值。

name field_name 规定 input 元素的名称。name 属性用于在提交表单时搜集字段的值。

pattern regexp_pattern 规定输入字段的值的模式或格式。例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。

placeholder text 规定帮助用户填写输入字段的提示。

readonly readonly 指示字段的值无法修改。

required required 指示输入字段的值是必需的。

size numberofchar 规定输入字段中的可见字符数。

src URL 规定图像的 URL。(适用于 type="image"

step number 规定输入字的的合法数字间隔

type button 规定 input 元素的类型。

		checkbox

		date

		datetime

		datetime-local

		email

		file

		hidden

		image

		month

		number

		password

		radio

		range

		reset

		submit

		text

		time

		url

		week

valeu value 对于按钮:规定按钮上的文本对于图像按钮:传递到脚本的字段的符号结果对于复选框和单选按钮:定义 input 元素被点击时的结果。对于隐藏、密码和文本字段:规定元素的默认值。注释:不能与 type="file" 一同使用。注释:对于 type="checkbox" 以及 type="radio",是必需的。

width pixels% 定义 input 字段的宽度。(适用于 type="image")

文章评论

Top